<template>
	<view v-if="show">
		<view class="TipView">
			<image :src="staticImg('/static/home_Tips_icon.png')" class="home_Tips_icon"></image>
			<view class="TipBox">
				<text class="tip_title">{{ pageData.memberTypeTitle }}</text>
				<text class="tip_count_txt">{{ pageData.systemMsg }}</text>
			</view>
			<view class="iconfont icon-guanbi2 color-ffb size32" @click.stop="show = false"></view>
		</view>
	</view>
</template>

<script setup>
	import { toUrl, Toast, staticImg, imgUrls, showLoading, hideLoading } from '@/utils/utils.js';
	import { ref, computed, watch, nextTick, onUnmounted } from 'vue';
	import { onLoad, onShow, onReady } from '@dcloudio/uni-app';
	import { useMainStore } from '@/stores/index';

	const mainStore = useMainStore();

	const props = defineProps(['pageData']);
	const show = ref(false);

	watch(
		() => props.pageData,
		(newVal, oldVal) => {
			if (newVal) {
				show.value = true;
			} else {
				show.value = false;
			}
		},
		{
			deep: true,
		}
	);
</script>

<style lang="scss" scoped>
	.TipView {
		width: 100%;
		padding: 20rpx 30rpx;
		background-color: #fff7ec;
		display: flex;
		.home_Tips_icon {
			width: 34rpx;
			height: 34rpx;
		}
		.TipBox {
			flex: 1;
			display: flex;
			flex-direction: column;
			padding-left: 10rpx;
			.tip_title {
				color: #ffb048;
				font-size: 24rpx;
			}
			.tip_count_txt {
				color: #999;
				font-size: 24rpx;
				margin-top: 16rpx;
			}
		}
	}
</style>
